<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <!-- 
  vw 
  vh 
 -->
  <style>
    /* ul > li:nth-child(even) {
      background-color: aqua;
    } */
    /* ul li:first-child { */
    /* ul > li:first-child {
      background-color: aqua;
    }
    ul > li:last-child {
      background-color: red;
    } */
  </style>
  <body>
    <!-- <ul>
      <li>111</li>
      <li>111</li>
      <li>111</li>
      <li>111</li>
      <li>111</li>
      <li>111</li>
      <li>111</li>
    </ul> -->
    <!-- <ul>
    <li>222</li> 
    <li>222</li> 
    <li>222</li> 
    <li>222</li> 
    <li>222</li> 
   </ul> -->
  </body>
</html>
